<style scoped>
    .expand-row {
        margin-bottom: 16px;
    }
    
    .expand-row li {
        display: flex;
        flex-direction: column;
    }
    
</style>
<style>
    .ivu-table-tbody .ivu-table-expanded-cell {
          padding-top:5px;
    }
    .expend{
        margin-bottom:5px;
    }
    .expend .ivu-table td, .ivu-table th {
          border-bottom:none;
          background:#f8f8f9;
    }
</style>
<template>

<div>
    <Table class="expend" size="small" :data="rowTableData" :columns="columns14"></Table>
</div>
</template>
<script>
    export default {
        props: {
            rowData:Object
        },
        mounted:function(){
           this.rowTableData.push(this.rowData)
        },
        data(){
            return{
                rowTableData:[],
                columns14: [ {
                    title: '一级分类',
                    align:"center",
                    key: 'levelOne'
                }, {
                    title: '二级分类',
                    align:"center",
                    key: 'levelTwo'
                }, {
                    title: '三级分类',
                    align:"center",
                    key: 'levelThree'
                }, 
                {
                    title: '创建时间',
                    align:"center",
                    key: 'createTime',
                }, {
                    title: '创建人',
                    align:"center",
                    key: 'creatorName'
                }, {
                    title: '创建组',
                    align:"center",
                    key: 'creatorGroupName'
                }]
            }

        }

    };
</script>